<!DOCTYPE html>
<html>
<head>
<title>::: 골프인 :::</title>
<meta charset="utf-8" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<meta http-equiv=Cache-Control content=No-Cache>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!--[if (gte IE 6)&(lte IE 8)]>
  <script type="text/javascript" src="../js/selectivizr.js"></script>
<![endif]--> 

<!--[if IE 6]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<script type="text/javascript" src="../js/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">DD_belatedPNG.fix('.png_bg, .footer, footer, .t_over, img');</script>
<![endif]-->
<!-- 여기 위치에 두 스크립트 추가 부탁드립니다. -->
<script type="text/javascript" src="/js/preload.js"></script>
<script type="text/javascript" src="js/event_app.js"></script>
</head>

<body id="reserve">
<header>
	<div id="top_cont">
		<div class="top_tit">
			<h4><img src="../images/title/title_02_04_2.png" alt="실시간부킹검색" /></h4>
			<p class="top_txt"> 전국의 모든 골프방의 부킹예약을 할 수 있는 통합 부킹 시스템입니다. </p>
		</div>
	</div><!--//  id="top_cont" 끝-->	
</header>

<div id="container">
	<!--좌측컨텐츠-->
	<section id="left_content">

		<h6 class="reserve_h6"><img src="../images/board/left_reserv_tit01.png" alt="기간선택" /></h6>
		<!--캘린더-->
		<article class="calendar">
			<dl>
				<dt>
					5월
					<span class="bt_prev"><img src="../images/btn/btn_prev05.gif" alt="이전" /></span>
					<span class="bt_next"><img src="../images/btn/btn_next05.gif" alt="다음" /></span>
				</dt>
				<dd>
					<table>
						<colgroup>
							<col width="15%" /><col width="14%" /><col width="14%" /><col width="14%" /><col width="14%" /><col width="14%" /><col width="15%" />
						</colgroup>
						<tbody>
							<tr>
								<td> </td><!--공휴일/일요일 css style 부분-->
								<td> </td>
								<td>1</td>
								<td>2</td>
								<td>3</td>
								<td>4</td>
								<td class="holiday">5</td><!--공휴일  css style 부분-->
							</tr>
							<tr>
								<td>6</td> 
								<td>7</td>
								<td class="today">8</td><!--오늘 날짜 css style 부분-->
								<td>9</td> 
								<td>10</td> 
								<td>11</td>
								<td>12</td> 
							</tr>
							<tr>
								<td>13</td> 
								<td>14</td>
								<td>15</td> 
								<td class="start_day">16</td><!-- 날짜 선택시_start 날짜 css style 부분-->
								<td class="res_day">17</td><!-- 날짜 선택시_2주간 블럭 설정  css style 부분-->
								<td class="res_day">18</td>
								<td class="res_day">19</td> 
							</tr>
							<tr>
								<td class="res_day">20</td> 
								<td class="res_day">21</td>
								<td class="res_day">22</td> 
								<td class="res_day">23</td>
								<td class="res_day">24</td>
								<td class="res_day">25</td>
								<td class="res_day">26</td> 
							</tr>
							<tr>
								<td class="res_day">27</td> 
								<td class="holiday res_day">28</td><!--공휴일 css style 부분-->
								<td class="res_day">29</td> 
								<td>30</td>
								<td>31</td>
								<td> </td>
								<td> </td> 
							</tr>
						</tbody>
					</table>
				</dd>
			</dl>
		</article><!--//  class="calendar" 끝-->	

		<h6 class="reserve_h6">
			<img src="../images/board/left_reserv_tit02.png" alt="지역선택" />
			<span><img src="../images/board/left_reserv_fix.png" alt="my설정" /></span><!--/popup/pop_fix.html  최소 width:300px; height:480px 로 팝업띄우기-->
		</h6>
		<!--지역선택-->
		<article class="area_choice">
			<dl>
				<dt><label><input type="checkbox" />전체</label></dt>

				<dt><label><input type="checkbox" />서울</label></dt>
				<dd>
					<label><input type="checkbox" />SKY72 하늘코스</label>
					<label><input type="checkbox" />SKY72 하늘코스</label>
					<label><input type="checkbox" />SKY72 하늘코스 </label>
					<label><input type="checkbox" />SKY72 하늘코스 </label>
				</dd>

				<dt><label><input type="checkbox" />경기/인천</label></dt>
				<dd>
					<label><input type="checkbox" />SKY72 하늘코스</label>
					<label><input type="checkbox" />SKY72 하늘코스</label>
					<label><input type="checkbox" />SKY72 하늘코스</label>
					<label><input type="checkbox" />SKY72 하늘코스</label>
					<label><input type="checkbox" />SKY72 하늘코스</label>
					<label><input type="checkbox" />SKY72 하늘코스</label>
				</dd>
			</dl>
		</article><!--//  class="area_choice" 끝-->	

		<!-- 예약분류선택 -->
		<h6 class="reserve_h6"><img src="../images/board/left_reserv_tit03.png" alt="예약분류선택" /></h6>
		<article class="reserve_select">
			<ul>
				<li><label><input type="radio" name="radio" id="radio" value="radio" onFocus="blur();" />실시간 예약</label></li>
				<li><label><input type="radio" name="radio" id="radio" value="radio" onFocus="blur();" />웨이팅 예약</label></li>
				<li><label><input type="radio" name="radio" id="radio" value="radio" onFocus="blur();" />자선 예약</label></li>
			</ul>
		</article><!--//   class="ma_bottom25 group" 끝-->

		<!--검색-->
		<p class="reserv_se"><img src="../images/btn/btn_search03.gif" alt="검색" /></p>

		<!--예약확인-->
		<div class="reserv_bt">
			<p>나의 예약내역 확인<span>(2)</span></p><!--/popup/pop_myreserve.html  최소 width:300px; height:480px 로 팝업띄우기-->
		</div>
	</section><!--//   id="left_content" 끝-->	
	
	<!--메인 컨텐츠-->
	<section id="main_content" class="event">

		<h6 class="ma_bottom10"><img src="../images/board/help_tit01.png" alt="자선예약" /></h6>

		<!-- 신청 기간 -->
		<dl class="event_day group">
			<dt>신청 기간 </dt>
			<dd>2012. 05. 30 ~ 2012. 06.15</dd>
			<dt class="mid">당첨자 발표</dt>
			<dd>2012. 05. 30 </dd>
		</dl>

		<!-- list -->
		<table class="event_list">
			<colgroup>
				<col width="16%"><col width="20%"><col width="8%"><col width="12%"><col width="10%"><col width="10%">
				<col width="11%"><col width="*">
			</colgroup>
			<thead>
				<tr>
					<th>날짜</th>
					<th>골프장</th>
					<th>홀</th>
					<th>1인 그린피</th>
					<th>티타임</th>
					<th>참여금액</th>
					<th colspan="2">참여</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td class="day">2012. 06. 30(토)</td>
					<td><em>Sky72</em>하늘코스 </td>
					<td>18</td>
					<td class="greenf">230,000</td>
					<td class="time">06:00</td>
					<td>1,000 </td>
					<td class="num">105,020 <span>명</span></td>
					<td class="btn">
						<a href="#"><img src="../images/btn/btn_event_app.png" alt="자선예약신청" /></a>
						<!--  참여완료 시 버튼 노출 -->
						<img src="../images/btn/btn_event_join.png" alt="참여완료" />
						<!--  신청마감 시 버튼 노출 -->
						<img src="../images/btn/btn_event_end.png" alt="신청마감" />
					</td>
				</tr>
			<tbody>
		</table>

		<!-- 적립기부금 -->
		<div class="event_graph">
			<dl>
				<dt><img src="../images/board/event_txt01.png" alt="적립 기부금" /></dt>
				<dd class="graph">
					<div class="graph_bar" style="width:70%"></div>
				</dd>
				<dd class="won"><span></span>1,520,000</dd>
			</dl>
		</div>

		<!-- 당첨자 -->
		<div class="winner">
			<p class="txt01"><span class="name">타이거우즈님</span>이 당첨되셨습니다.</p>
			<p>자선 예약에 참여하여 주신 모든 분들께 감사 드립니다.</p>
		</div>

		<!--btn-->
		<div class="btn_area_box02">
			<a href="#"><img src="../images/btn/btn_giveup.gif" alt="당첨포기" /></a>
		</div>

		<!-- tab -->
		<div class="tabmenu">
			<ul class="group">
				<li class="on"><a href="#">신청 안내</a></li><!-- 탭 활성화 시 class="on"-->
				<li><a href="#">코스 상세 정보</a></li>
				<li><a href="#">가격정보</a></li>
			</ul>
			<p class="tab_line"></p>
		</div>

		<!-- 상세정보 -->

		<!---------- 신청 안내 ------------>
		<article class="reserve_detail">

			<!-- 응모 -->
			<h6><img src="../images/board/help_tit02.png" alt="응모" /></h6>
			<ul class="detail_info">
				<li>- 자선예약은 참여금액을 신용카드 및 휴대폰 결제를 통해 결제완료하면 응모가 완료됩니다.</li>
				<li>- 신청 후 취소가 불가능 하오니, 신중히 참여하여 주세요.</li>
				<li>- 신청된 금액은 기부금으로 전환되며, 미당첨시에도 환급되지 않습니다. </li>
				<li>- 이벤트 당 1회만 참여 가능합니다.</li>
			</ul>

			<!-- 당첨 -->
			<h6><img src="../images/board/help_tit03.png" alt="당첨" /></h6>
			<ul class="detail_info">
				<li>- 당첨 시 당첨자 발표 및 개별 알림이 발송 됩니다.</li>
				<li>- 당첨 시 라우드 동반자 4명 모두 그린피 할인가가 적용 됩니다.</li>
				<li>- 만약 당첨포기 시 라운드 일자 5일 이내로 신청하여 주세요.</li>
				<li>- 당첨 포기 발생 시 기존 신청자에 한해 다시 랜덤하게 추첨하여 발표 및 개별 안내 드립니다.</li>
				<li>- 기부를 목적으로 하므로 별도의 패널티는 적용하지 않습니다.</li>
			</ul>

			<!-- 기부 -->
			<h6><img src="../images/board/help_tit04.png" alt="기부" /></h6>
			<ul class="detail_info">
				<li>- 기부금은 기본 골프인 운영수수료를 제외한 금액으로 골프장과 골프인 회원의 이름으로 사회단체에 기부 됩니다.</li>
				<li>- 기부에 참여하신 회원님들 중에서 희망하시는 회원님은 기부 영수증 발급이 가능합니다.</li>
				<li>- 영수증 발급을 위해 회원님의 인적사항이 ‘사랑의 열매(<a href="mailto:www.chest.co.kr">www.chest.co.kr</a>)‘에 입력됩니다.<a href="#"><img src="../images/btn/btn_bill.png" alt="영수증 발급받기" /></a></li>
			</ul>
		</article><!--//   class="reserve_detail" 끝-->

		<!---------- 코스 상세 정보 내용 ------------>
		<article class="reserve_detail">

			<!--코스알림-->
			<h6><img src="../images/board/course_board_tit01.png" alt="코스알림" /></h6>
			<div class="detail_info">
				<!--이미지 가로값이 width:700px; 넘지 않도록합니다.--->
				내용이 노출됩니다. 내용이 노출됩니다. 내용이 노출됩니다. 내용이 노출됩니다. 내용이 노출됩니다. 내용이 노출됩니다. 내용이 노출됩니다. 내용이 노출됩니다. 내용이 노출됩니다. 
			</div><!--//   class="detail_info" 끝-->

			<!--코스정보-->
			<h6><img src="../images/board/course_board_tit02.png" alt="코스정보" /></h6>
			<div class="detail_info">
				<!--이미지 가로값이 width:700px; 넘지 않도록합니다.--->
				하늘코스(IN), 하늘코스(OUT) <span class="bt_detail"><a href="#"><img src="../images/btn/btn_course.gif" alt="코스자세히보기" /></a></span>
				
				<div class="detail_golf">
					<p><strong>코스전장</strong>6,534m(7,146yd)</p>
					<!--이미지  width 값이 680px 넘지 않도록 합니다. -->
					<img src="../images/board/del.gif" alt="" />
				</div><!--//   class="detail_golf" 끝-->
			</div><!--//   class="detail_info" 끝-->

		</article><!--//   class="reserve_detail" 끝-->

		<!---------- 가격정보 내용 ------------>
		<article class="reserve_detail">
			<h6><img src="../images/board/course_board_tit03.png" alt="가격정보" /></h6>
			<div class="detail_info">
				<div class="price_info">
					<table>
						<colgroup>
							<col width="*" /><col width="25%" /><col width="25%" /><col width="25%" />
						</colgroup>
						<thead>
							<tr>
								<th colspan="2">가격구분 </th>
								<th>주중 </th>
								<th>주말</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<th class="td_h01" rowspan="4">그린피</th>
								<td class="td_h02">회원 </td>
								<td><em>230,000</em> 원</td>
								<td><em>230,000</em> 원</td>
							</tr>
							<tr>
								<td class="td_h02">비회원 </td>
								<td><em>150,000</em> 원</td>
								<td><em>200,000</em> 원</td>
							</tr>
							<tr>
								<td class="td_h02">주중회원 </td>
								<td><em>150,000</em> 원</td>
								<td><em>200,000</em> 원</td>
							</tr>
							<tr>
								<td class="td_h02">기타 </td>
								<td colspan="2"><em>150,000</em> 원</td>
							</tr>
							<tr>
								<th class="td_h01">카트비</th>
								<td colspan="3" class="align_l">80,000 원</td>
							</tr>
							<tr>
								<th class="td_h01">캐디비</th>
								<td colspan="3" class="align_l"><em>일반캐디</em> 10,000 원   /  <em>프로캐디</em> 150,000 원</td>
							</tr>
							<tr>
								<th class="td_h01">대여채비</th>
								<td colspan="3" class="align_l">20,000 원</td>
							</tr>
							<tr>
								<th class="td_h01">대여화</th>
								<td colspan="3" class="align_l">10,000 원</td>
							</tr>
							<tr>
								<th class="td_h01">코스인원제한</th>
								<td colspan="3" class="align_l">2인 1팀 / 3인 1팀 / 4인 1팀</td>
							</tr>
						</tbody>
					</table>
				</div><!--//    class="price_info" 끝-->
			</div><!--//   class="detail_info" 끝-->

		</article><!--//   class="reserve_detail" 끝-->

		<!--btn-->
		<div class="btn_area_box02">
			<a href="#"><img src="../images/btn/btn_event.gif" alt="자선예약신청" /></a>
			<span class="left_btn"><a href="reserve_list.html"><img src="../images/btn/btn_list02.gif" alt="목록" /></a></span>
		</div>

	</section><!--//   id="main_content" 끝-->	

	
</div><!--//   id="container" 끝-->	

<footer></footer>
</body>
</html>
